<!--公共头部-->
{template 'aitimt/common/header'}

		<style>
			* {
			    touch-action: pan-y;
			}
			.mui-control-content {
				background-color: white;
				min-height: 50rem;
			}
			.mui-control-content .mui-loading {
				margin-top: 50px;
			}
			.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar{
				background-color:#ff9400;
			}
			.mui-table-view .mui-media-object{
				height: 80px;
				    max-width: 110px;
			}
			.mui-bar-nav{
					background-color: #e94709;
			}
			.top-return {
			position: absolute;
			    width: 10%;
				top: 0.1875rem;
					}
					.top-return img{
					    width: 75%;
							}
			.mui-bar-nav .mui-title{
					color: #FFFFFF;
			}

			.top-logo {
			position: absolute;
			    width: 10%;
				left: 28%;
				top: 0.1875rem;
					}
					.top-logo img{
					     width: 75%;
							}
			.top-menu {
			position: absolute;
				width: 10%;
				right: 5%;
				top: 0.1875rem;
					}
					.top-menu img{
						width: 90%;
							}
					/* 公共部分end */
			.mui-table-view .mui-media, .mui-table-view .mui-media-body{
				line-height: 2rem;
			}
			.mui-slider-indicator.mui-segmented-control .mui-control-item {
				border-left:1px solid #c1c1c1 ;
				border-bottom:1px solid #c1c1c1 ;
				padding: 1px;
				color: #585858;
			}
			.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
				border-bottom:3px solid #e94709 ;
				color: #585858;
			}
			.addtime{
				padding-top: 10px;
				font-size: 10px;
			}
			.mui-table-view .mui-media-object.mui-pull-left{
				    margin-right: 25px;
			}
			.mui-content>.mui-table-view:first-child{
				margin: 0;
			}
			.mui-content ul{
				height: 6.5rem;
			}
			.mui-bar-tab .mui-tab-item{
				color: #555657;
				border-right: 1px solid #ececec;
			}
			.mui-bar-tab .mui-tab-item.mui-active{
				color: #555657;
			}
			.entry-pro {
				font-weight: 520;
				font-size: 15px;
				color: #000000;
				background-color: #FFFFFF;
				padding: 10px 0 1px 5%;

			}
			.entry-message{
				font-weight: 520;
				font-size: 15px;
				color: #000000;
				background-color: #FFFFFF;
				padding: 10px 0 1px 5%;
				height: 22rem;

			}
			.entry-message input{
				height: 10px;
			}

			.entry-message input::-webkit-input-placeholder{
			font-size:14px;
			color: #bcbcbc;
			}
			.entry-select{
				position: absolute;
				width: 95%;
				height: 4%;
				border: 1px solid #bcbcbc;
				margin-bottom: 10px;
			}
			.mui-btn-block{
				font-size: 14px;
				margin: 0;
				padding: 0;
				padding-left: 4%;
				line-height: 25px;
				color: #000000;
			}
			.mui-btn-block option:first-child{
				font-size: 14px;
				margin: 0;
				padding: 0;
				color: #bcbcbc;
			}
		</style>
		<!-- 公共头部start -->
		<header class="mui-bar mui-bar-nav">
			<a class="top-return mui-action-back"><img src="{aide_URL}template/mobile/aitimt/images/return.png" ></a>
			<a class="top-logo"><img src="{aide_URL}template/mobile/aitimt/images/logo.png" ></a>
			<h1 class="mui-title">
					Aitimt 爱计时</h1>
			<a href="#popover" id="openPopover" class="top-menu" ><img src="{aide_URL}template/mobile/aitimt/images/menu.png" ></a>
			<div id="popover" class="mui-popover">
			  <ul class="mui-table-view">
			    <li class="mui-table-view-cell"><a href="#">Item1</a></li>
			    <li class="mui-table-view-cell"><a href="#">Item2</a></li>
			    <li class="mui-table-view-cell"><a href="#">Item3</a></li>
			    <li class="mui-table-view-cell"><a href="#">Item4</a></li>
			    <li class="mui-table-view-cell"><a href="#">Item5</a></li>
			  </ul>
			</div>
		</header>
		<!-- 公共头部end -->
		<div class="mui-content">
			<ul class="mui-table-view">
						<li class="mui-table-view-cell mui-media">
								<img class="mui-media-object mui-pull-left" src="{php echo tomedia($activity[0]['thumb'])}">
								<div class="mui-media-body">
									<h4 style="color: #595757;">{$activity[0]['title']}</h4>
									<p class=" mui-icon iconfont icon-riqi addtime">{$activity[0]['starttime']}</p>
									<p class=" mui-icon iconfont icon-didian addtime">{$activity[0]['address']}</p>
								</div>
						</li>
					</ul>
			<div style="font-size: 15px;color: #e94709;margin-left: 5%;font-size: 520;" >
				报名项目
			</div>
			<div class="entry-pro">
				<p>报名项目:&nbsp;&nbsp;三公里(项目一)</p>
				<p>报名费用:&nbsp;&nbsp;免费</p>
			</div>
			<div style="font-size: 15px;color: #e94709;margin-left: 5%;font-size: 520;" >
				报名信息
			</div>
			<div class="entry-message">
				<p>姓名:<span style="position: absolute;left: 40%;" >XXXXXXX</span></p>
				<p>手机号:<span style="position: absolute;left: 40%;" >XXXXXXX</span></p>
				<p >证件类型:<span style="position: absolute;left: 40%;" >XXXXXXX</span></p>
				<p >证件号码:<span style="position: absolute;left: 40%;" >XXXXXXXXXXXX</span></p>
				<p>联系邮箱:<span style="position: absolute;left: 40%;" >XXXXXXXXXXXXXX</span></p>
			</div>
		</div>
		<!-- 公共底部start -->
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-action-back">
				<span class="mui-tab-label">返回修改</span>
			</a>
			<a class="mui-tab-item" style="background: #e94709;color: #FFFFFF;" href="success.html">
				<span class="mui-tab-label">确认并提交</span>
			</a>
		</nav>
		<!-- 公共底部end -->
		<script type="text/javascript">
			mui('.mui-bar').on('tap','a',function(){
				document.location.href=this.href;
			})
		</script>

	</body>

</html>
